<template>
    <div class="bookitem">
        <van-row gutter="20">
            <van-col span="6">
                <div class="img-box">
                    <img :src="$store.state.imgbaseUrl+data.coverImg" alt="data.title">
                </div>
            </van-col>
            <van-col span="18">
                <div class="bookitem-info">
                    <div class="title">{{data.title}}</div>
                    <div class="desc">
                        <span class="txt">{{data.desc}}</span>
                        <span class="t"></span>
                    </div>
                    <div class="author">
                        <span>{{data.author}}</span>
                        <span class="icon-class">{{data.categoryName}}</span>
                    </div>
                </div>
            </van-col>
        </van-row>
    </div>
</template>
<script>
    import './Bookitem.scss';
    export default {
        name: 'Bookitem',
        props: ['data'],
        data() {
            return {}
        },
    }
</script>